<template>
	<view>
		<u-sticky bgColor="#a3d8f5">
			<view class="mainpadding" :style="{paddingTop:menutop+'rpx'}">
				<view class="flexleft">
					<image src="@/static/image/system/hsz.png" class="hszclass" mode=""></image>
					<view class="xiaobai fonweight" style="font-size: 35rpx;">红十字基金会“孤寡老人大病救助基金”</view>
				</view>
				<view class="margin_top flexbetween">
					<u-icon name="arrow-left" color="#fff" size="24" @click="backpage()"></u-icon>
					<view class="xiaobai fonweight sanshier" style="font-size: 32rpx;">医院详情</view>
					<image src="@/static/image/system/list.png" mode="" class="topliclass" @click="toplistfn"></image>
				</view>
			</view>
		</u-sticky>
		<view class="mainpadding">
			<image :src="dataAll.bg_image_text" style="width: 100%;" mode="widthFix"></image>
			<view class="mainpadding_top ffffff radius">
				<text class="sanjia xiaobai smalltext margin_right1">{{dataAll.yylevel}}</text>
				<text class="titletext fonweight xiaohei">{{dataAll.name}}</text>
			</view>
			<view class="mainpadding_top ffffff">
				<u-parse :content="dataAll.content"></u-parse>
			</view>
			<view class=" ">
				<view class="flexleft mainpadding_top ffffff">
					<text class="line margin_right3"></text>
					<text class="xiaohei titletext">门诊服务：{{dataAll.mzfw}}</text>
				</view>
				<view class="mainpadding_top ffffff ">
					<view class="flexleft">
						<text class="line margin_right3"></text>
						<text class="xiaohei titletext">门诊时间：</text>
					</view>
					<view class="xiaohei margin_top titletext">{{dataAll.mzsj}}</view>
				</view>
				<view class="flexleft mainpadding_top ffffff" @click="callphone(dataAll.yytel)">
					<text class="line margin_right3"></text>
					<text class="xiaohei titletext">医院电话：{{dataAll.yytel}}</text>
				</view>
				<view class="mainpadding_top ffffff ">
					<view class="flexleft">
						<text class="line margin_right3"></text>
						<text class="xiaohei titletext">医院地址：</text>
					</view>
					<view class="xiaohei margin_top titletext">{{dataAll.yyadress}}</view>
				</view>
				<view class="mainpadding_top ffffff ">
					<view class="flexleft">
						<text class="line margin_right3"></text>
						<text class="xiaohei titletext">乘车路线：</text>
					</view>
					<view class="xiaohei margin_top titletext">{{dataAll.cclx}}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	const httpRequest = require("@/common/httpRequest.js")
	export default {
		data() {
			return {
				// #ifdef H5
				menutop: 80,
				// #endif
				// #ifdef MP-WEIXIN
				menutop: 0,
				// #endif	
				listid:"",
				dataAll:{}
			}
		},
		onLoad(options) {
			// #ifdef MP-WEIXIN
			this.menutop = uni.getMenuButtonBoundingClientRect().top * 2
			// #endif
			this.listid = options.id
			this.getDetail()
		},
		methods: {
			getDetail(){
				httpRequest.request('/api/index/ddyyDetail', 'GET', {
					id: this.listid
				}).then(res => {
					this.dataAll = res.data
				}).catch(err => {})
			},
		}
	}
</script>

<style>
	.sanjia {
		background-color: #a3d8f5;
		padding: 5rpx 10rpx;
		border-radius: 10rpx;
	}

	.line {
		background: linear-gradient(180deg, #6c78b9 30%, #ffffff 100%);
		width: 10rpx;
		height: 40rpx;
	}
</style>